{% extends 'base.html' %}

{% block title %}
    查看职位
{% endblock %}

{% block head %}
        <!-- Bootstrap Core CSS -->
    <link href="/static/lib/sb-admin/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="/static/lib/sb-admin/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="/static/lib/sb-admin/dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="/static/lib/sb-admin/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

{% endblock %}

{% block label %}
    <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">
                        财务部-职位管理
                        <a class="btn btn-default pull-right" data-toggle="modal" data-target="#add_modal">添加</a>

                    </h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>

{% endblock %}

{% block contenter %}
<!-- /.row -->
    <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>职位名称</th>
                                <th>职位等级</th>
                                <th>职位操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            <tr>
                                <td class="col-lg-4">财务部_职员</td>
                                <td class="col-lg-4">1</td>
                                <td class="col-lg-4">
                                    <a class="btn btn-default" data-toggle="modal" data-target="#edit_modal">编辑</a>
                                    <a class="btn btn-default" href="#">删除</a>
                                </td>
                            </tr>

                            <tr>
                                <td class="col-lg-4">财务部_主任</td>
                                <td class="col-lg-4">2</td>
                                <td class="col-lg-4">
                                    <a class="btn btn-default" data-toggle="modal" data-target="#edit_modal">编辑</a>
                                    <a class="btn btn-default" href="#">删除</a>
                                </td>
                            </tr>

                            <tr>
                                <td class="col-lg-4">财务部_部长</td>
                                <td class="col-lg-4">3</td>
                                <td class="col-lg-4">
                                    <a class="btn btn-default" data-toggle="modal" data-target="#edit_modal">编辑</a>
                                    <a class="btn btn-default" href="#">删除</a>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                    <div class="modal" id="add_modal">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                                    </button>
                                    <h4>新增职位</h4>
                                </div>
                                <div class="modal-body">
                                    <form action="./position.html" method="post">
                                        <div class="form-group">
                                            <label class="control-label">职位名称：</label>
                                            <input class="form-control" type="text" name="name">
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">职位等级：</label>
                                            <input class="form-control" type="number" name="level">
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary btn-block">提交</button>
                                        </div>
                                    </form>
                                </div>
                                <!--
                                <div class="modal-footer"></div>
                                -->
                            </div>
                        </div>
                    </div>
                    <div class="modal" id="edit_modal">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                                    </button>
                                    <h4>编辑职位</h4>
                                </div>
                                <div class="modal-body">
                                    <form action="./position.html" method="post">
                                        <div class="form-group">
                                            <label class="control-label">职位名称：</label>
                                            <input class="form-control" type="text" name="name">
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">职位等级：</label>
                                            <input class="form-control" type="number" name="level">
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary btn-block">提交</button>
                                        </div>
                                    </form>
                                </div>
                                <!--
                                <div class="modal-footer"></div>
                                -->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.col-lg-12 -->
            </div>
{% endblock %}

{% block body %}
<!-- jQuery -->
    <script src="/static/lib/sb-admin/vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/static/lib/sb-admin/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="/static/lib/sb-admin/vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="/static/lib/sb-admin/dist/js/sb-admin-2.js"></script>
{% endblock %}













